<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta http-equiv="X-Content-Type-Options" content="nosniff"/>
    <meta content="width=device-width,initial-scale=1.0" name="viewport">
    <title>Cloudsplaining report</title>
    <!-- Load required Bootstrap and BootstrapVue CSS -->
    <!--Bootstrap theme-->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
          crossorigin="anonymous">

    <link type="text/css" rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-vue/2.17.0/bootstrap-vue.min.css"
          crossorigin="anonymous"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.12/vue.min.js" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-vue/2.17.0/bootstrap-vue.min.js"
            crossorigin="anonymous"></script>

    <!-- JQuery-->
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

</head>
<body>
<div id="app"></div>

<!-- built files will be auto injected -->
<script>
    var isLocalExample = false;
    var account_id;
    var account_name;
    var report_generated_time;
    var cloudsplaining_version;
    var guidance_content;
    var appendices_content;
    var show_guidance_nav;
    var show_appendices_nav;
    account_id = "{{ t.account_id }}";
    account_name = "{{ t.account_name }}";
    report_generated_time = "{{ t.report_generated_time }}";
    cloudsplaining_version = "{{ t.cloudsplaining_version }}";
    show_guidance_nav = "{{ t.show_guidance_nav }}";
    show_appendices_nav = "{{ t.show_appendices_nav }}";
    guidance_content = "{{ t.guidance_content|safe if t.show_guidance_nav else '' }}";
    appendices_content = "{{ t.appendices_content|safe if t.show_appendices_nav else '' }}";

    {{ t.results }}

    console.log(account_id);
    console.log(isLocalExample);
    console.log(`iam data keys: ${Object.keys(iam_data)}`);

</script>

{{ t.vendor_bundle_js }}

{{ t.app_bundle_js }}

</body>
<!--  Bootstrap-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
        crossorigin="anonymous"></script>

</html>
